<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css">
		<link type="text/css" rel="stylesheet" href="top.css">
		<script src="../jquery.min.js"></script>
	</head>
	<body>
		

		<div class="container">
			<nav class="navbar navbar-expand-lg navbar-light bg-light">
			  <a href="#" style="width: 2rem;"></a>
			  <a class="navbar-brand" href="#">我的问卷</a>
			  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			    <span class="navbar-toggler-icon"></span>
			  </button>
			
			  <div class="collapse navbar-collapse" id="navbarSupportedContent">
			    <ul class="navbar-nav mr-auto">
			      <li class="nav-item active">
			        <a class="nav-link" href="#">新建问卷 <span class="sr-only">(current)</span></a>
			      </li>
			      <li class="nav-item">
			        <a class="nav-link" href="#">发布问卷</a>
			      </li>
			
			      <li class="nav-item">
					  <a class="nav-link" href="#">问卷统计分析</a>
			        <!-- <a class="nav-link disabled" href="#" >问卷统计分析</a> -->
			      </li>
			    </ul>
				
				<div class="dropdown">
				  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
				    admin
				  </button>
				  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
				    <a class="dropdown-item" href="#">退出登录</a>
				    <!-- <a class="dropdown-item" href="#">Another action</a>
				    <a class="dropdown-item" href="#">Something else here</a> -->
				  </div>
				  
				</div>
			    <form class="form-inline my-2 my-lg-0">
			    </form>
			  </div>	
			</nav>
		</div>
		
				<div class="container">
				  <div class="row">
				    <div class="col">
				      
				    </div>
				    <div class="col-6">
				      
					  <div class="mx-auto right_font ">
						  
						  <div class="border_font">
							  <div class="input-group">
							    <div class="input-group-prepend">
							      <span class="top_font">调查主题</span>
							    </div>
							    <!-- <textarea class="form-control textarea_font" placeholder="主题:" aria-label="With textarea" rows="2" cols="0"></textarea> -->
							    <textarea class="form-control" id="exampleFormControlTextarea1" placeholder="主题:" rows="1"></textarea>
							  </div>
							  <div class="moth_font"></div>
							  <div class="left_text">
							  	<div class="input-group">
							  	  <div class="input-group-prepend">
							  	    <span class="top_font">调查说明</span>
							  	  </div>
							  	  <!-- <textarea class="form-control textarea_font" placeholder="主题:" aria-label="With textarea" rows="2" cols="0"></textarea> -->
							  	  <textarea class="form-control" id="exampleFormControlTextarea1" placeholder="说明:" rows="5"></textarea>
							  	</div>
							  </div>
							  <div class="moth_font"></div>
							  <div class="moth_font_top"></div>
						  </div>
					  			
								
								<div class="left_at">									
									<div class="moth_font"></div>
									<div class="input-group">
									  <div class="input-group-prepend">
									    <span class="top_font">调查问题  </span>
									  </div>
									  <!-- <textarea class="form-control textarea_font" placeholder="主题:" aria-label="With textarea" rows="2" cols="0"></textarea> -->
									  <textarea class="form-control" id="exampleFormControlTextarea1" placeholder="第1题:" rows="2"></textarea>								  
									</div>
									
									<div class="number">
										<div class="moth_font"></div>
										<span class="top_font">评分范围</span>
										<!-- 设置最小分数 -->										
										<input class="number_font" type="number" placeholder="评分最低分数" min="0" max="100" style="width: 150px;"/> 
										<!-- 设置最大分数 -->
										
										<!-- <div class="moth_font"></div> -->
										<input class="number_font" type="number" placeholder="评分最大分数" min="1" max="100" style="width: 150px;" />
									</div>
									
									<div class="moth_font"></div>
									<div class="moth_font_top"></div>
									<div class="moth_font"></div>
								</div>
								<div class="among"></div>
								
								<div class="left_number" id="left_number">
									<div class="moth_font"></div>
									<div class="moth_font"></div>
									<div class="moth_font"></div>
									<div class="moth_font"></div>
									<button type="button" class="btn btn-primary btn-lg moth_font_left">保存预览</button>
									
									<button type="button" id="button_right" class="btn btn-secondary btn-lg moth_font_right" >新建问题</button>
								</div>
											    
					  </div>
											
				    </div>
					
				    <div class="col">
				      <!-- 	 -->
				    </div>
				  </div>
						  <script>
							  //获取到新建问题按钮
							  let a = 1
							  $('#button_right').click(function(){
								  		
								  a++
								  console.log(a);
								  let html = '<div class="left_at">\t\t\t\t\t\t\t\t\t\n' +
                                '\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                                '\t\t\t\t\t\t\t\t\t<div class="input-group">\n' +
                                '\t\t\t\t\t\t\t\t\t  <div class="input-group-prepend">\n' +
                                '\t\t\t\t\t\t\t\t\t    <span class="top_font">调查问题  </span>\n' +
                                '\t\t\t\t\t\t\t\t\t  </div>\n' +                               
                                '\t\t\t\t\t\t\t\t\t  <textarea class="form-control" id="exampleFormControlTextarea1" placeholder="'+'第'+a+'题'+'" rows="2"></textarea>\n' +
                                '\t\t\t\t\t\t\t\t\t  \n' +
                                '\t\t\t\t\t\t\t\t\t</div>\n' +
                                '\t\t\t\t\t\t\t\t\t\n' +
                                '\t\t\t\t\t\t\t\t\t<div class="number">\n' +
                                '\t\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                                '\t\t\t\t\t\t\t\t\t\t<span class="top_font">评分范围</span>\n' +
                                <!-- '\t\t\t\t\t\t\t\t\t\t<!-- 设置最小分数 -->\t\t\t\t\t\t\t\t\t\t\n' + -->
                                '\t\t\t\t\t\t\t\t\t\t<input class="number_font" type="number" placeholder="评分最低分数" min="0" max="100" style="width: 150px;"/> \n' +
                                '\t\t\t\t\t\t\t\t\t\t<!-- 设置最大分数 -->\n' +
                                '\t\t\t\t\t\t\t\t\t\t\n' +
                                '\t\t\t\t\t\t\t\t\t\t<!-- <div class="moth_font"></div> -->\n' +
                                '\t\t\t\t\t\t\t\t\t\t<input class="number_font" type="number" placeholder="评分最大分数" min="1" max="100" style="width: 150px;" />\n' +
                                '\t\t\t\t\t\t\t\t\t</div>\n' +
                                '\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                                '\t\t\t\t\t\t\t\t\t<div class="moth_font_top"></div>\n' +
                                '\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                                '\t\t\t\t\t\t\t\t</div>';								
								// $('.left_at').after(html);
								$('.among').append(html);
								
							  });							  
						  </script>
		<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
		
		<script src="../js/bootstrap.min.js"></script>
		<script src="问卷js/main.js"></script>

	</body>
</html>
